<style>

    #wrapper1 {
        position: absolute;
        z-index: 1;
        top: 2.5em;
        bottom: 0.5em;
        left: 0;
        width: 100%;
        background: #ffffff;
        overflow: hidden;
    }

/*    #scroller {
        position: absolute;
        z-index: 1;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        width: 100%;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -o-text-size-adjust: none;
        text-size-adjust: none;
    }*/
    .tiles{
        width: 100%;
        /*padding: 0.5em;*/
        float: left;
        text-align: center;

        color: #ffffff;
        font-weight: 700;
        font-family: "黑体";
    }



    #slides2
     {
        display: none;
        margin-bottom:2px;
    }

    .slidesjs-navigation {
        margin-top:3px;
    }

    .slidesjs-previous {
        margin-right: 5px;
        float: left;
    }

    .slidesjs-next {
        margin-right: 5px;
        float: left;
    }

    .slidesjs-pagination {
        margin: -1em 0 0;
        float: right;
        list-style: none;
        position: relative;
        z-index: 9999;
    }

    .slidesjs-pagination li {
        float: left;
        margin: 0 1px;
    }

    .slidesjs-pagination li a {
        display: block;
        width: 13px;
        height: 0;
        padding-top: 13px;
        background-image: url(../../../javascripts/slider/img/pagination.png);
        background-position: 0 0;
        float: left;
        overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
        background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
        background-position: 0 -26px
    }

    a:link,
    a:visited {
        color: #333
    }

    a:hover,
    a:active {
        color: #9e2020
    }

    .navbar {
        overflow: hidden
    }

/*    #slides {
        display: none
    }*/

    .container {
        margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
        body {
            padding-left: 20px;
            padding-right: 20px;
        }
        .container {
            width: auto
        }
    }

    /* For smartphones */
    @media (max-width: 480px) {
        .container {
            width: auto
        }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
        .container {
            width: 724px;
            height: 300px;
        }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
        .container {
            width: 1170px
        }
    }

/*    a:link { text-decoration: none;color: #ffffff}
    a:active { text-decoration:none; color: #F74042; }
    a:hover { text-decoration:none;color: #ffffff}
    a:visited { text-decoration: none;color: #ffffff}*/
    a:link { text-decoration: none;color: #ffffff}
    a:visited { text-decoration: none;color: #ffffff}
    a:hover { text-decoration:none;color: #F74042}
    a:active { text-decoration:none; color: #F74042; }

</style>
<div id="header"><span class="icon-chengyun02" style="font-size: 1.5em;line-height: 1.8em;"></span></div>
<div id="wrapper1">
    <div id="scroller">
        <!--<div><img src="../../image/slides/test.jpg" style="width: 100%;height: 11em"></div>-->
        <div>
            <div class="container">

                <div id="slides2">
                    <img src="../../javascripts/slider/img/sls1/example-slide-1.jpg" alt="">
                    <img src="../../javascripts/slider/img/sls1/example-slide-2.jpg" alt="">
                    <img src="../../javascripts/slider/img/sls1/example-slide-3.jpg" alt="">
                    <!--<img src="../../javascripts/slider/img/sls1/example-slide-4.jpg" alt="">-->
                    <!--<a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left"></i></a>
                    <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right"></i></a>-->
                </div>

            </div>
        </div>

        <div class="tiles">
            <div style="width: 56%;float: left;height: 6.5em;background-color: #f74042;margin: 1% 2% 0 2%;" ng-click="go(1)">
                <div style="padding-top: 1.5em;"><span class="icon-icon-05" style="font-size: 2em;"></span>
                    <br><span style="line-height: 2em">我要承运</span></div>

            </div>
            <div style="width: 38%;float: right;height: 6.5em;background-color: #feb648;margin: 1% 2% 0 0%;" ng-click="go(5)">
                <div style="padding-top: 1.5em;"><span class="icon-icon-35" style="font-size: 2em;"></span><br><span style="line-height: 2em">我的专线</span></div>
            </div>
            <div style="width: 56%;float: left;margin: 0.5em 2% 0 2%;">
                <div style="float: left;width: 48%;height: 6.5em;background-color: #8ad2f8;margin: 0 4% 0.5em 0" ng-click="go(2)">

                    <div style="padding-top: 1.5em;"><span class="icon-icon-34" style="font-size: 2em;"></span><br><span style="line-height: 2em">我的竞价</span></div>
                </div>
                <div style="float: left;width: 48%;height: 6.5em;background-color: #bee76d;margin: 0 0 0 0" ng-click="go(3)">
                    <div style="padding-top: 1.5em;"><span class="icon-icon-06" style="font-size: 2em;"></span><br><span style="line-height: 2em">我的订单</span></div>
                </div>

                <div style="float: left;width: 48%;height: 6.5em;background-color: #f8825e;margin: 0 4% 0.5em 0" ng-click="go(4)" ng-if="islogin">
                    <div style="padding-top: 1.5em;"><span class="icon-icon-04" style="font-size: 2em;"></span><br><span style="line-height: 2em">个人中心</span></div>
                </div>
                <div style="float: left;width: 48%;height: 6.5em;background-color: #9F79EE;margin: 0 0 0 0" ng-click="go(8)" ng-if="islogin">
                    <div style="padding-top: 1.5em;"><span class="icon-pencil2" style="font-size: 2em;"></span><br><span style="line-height: 2em">意见反馈</span></div>
                </div>

                <div style="float: left;width: 48%;height: 6.5em;background-color: #6de7b6;margin: 0 4% 0.5em 0" ng-click="go(6)" ng-if="!islogin">

                    <div style="padding-top: 1.5em;"><span class="icon-icon-20" style="font-size: 2em;"></span><br><span style="line-height: 2em">注册</span></div>
                </div>
                <div style="float: left;width: 48%;height: 6.5em;background-color: #f8825e;margin: 0 0 0 0" ng-click="go(7)" ng-if="!islogin">
                    <div style="padding-top: 1.5em;"><span class="icon-icon-21" style="font-size: 2em;"></span><br><span style="line-height: 2em">登录</span></div>
                </div>

            </div>
            <div style="float: left;width: 38%;height: 13.5em;background-color: #8ad2f8;margin: 0.5em 2% 0 0%;">
                <a href="tel:4006556756">
                    <div style="padding-top: 4.5em;"><span class="icon-icon-16" style="font-size: 2em;"></span><br><span style="line-height: 2em">客服电话</span></div>
                </a>
            </div>

        </div>
    </div>
</div>
